<template>
	<view class="search">
		<view class="search_icon">
			<image src="../../static/search-icon.png" mode=""></image>
		</view>
		<input type="text" placeholder="请输入要搜索的内容" />
	</view>
</template>

<script>
	export default {
		name:"search",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
.search{
	width: 100%;
	padding: 10rpx 32rpx;
	border: 2rpx solid rgba(29, 33, 41, 1);
	border-radius: 300rpx;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
	.search_icon{
		width: 28rpx;
		height: 28rpx;
		font-size: 0;
		image{
			width: 100%;
			height: 100%;
		}
	}
	input{
		font-size: 14px;
		color: rgba(134, 144, 156, 1);
		width: calc(100% - 48rpx);
	}
}
</style>
